<template>
  <view>
    <schoolHeader></schoolHeader>
    <view class="register-online">
      <view class="register-online-content">
        <view class="register-online-content-title">
          <text class="online-content-title">这是测试文字测试文字用于展示和点击</text>
        </view>
        <view  class="student-information">
          <view class="enter-name"></view>
          <view class="Select-gender"></view>
        </view>
        <view class="contact-details">
          <view class="contact-details-box"></view>
          <view class="picker"></view>
        </view>
        <view class="remark"></view>
        <view class="register-now">立即报名</view>
      </view>
    </view>
    <c-footer></c-footer>
  </view>
</template>

<script>
import schoolName from "../../components/schoolName/schoolName.vue"
import footers from '../../components/footer/footers.vue';
import './index.css'
export default {
  components:{
schoolName,
footers
  },
  data(){
    return{

    }
  },
  methods:{

  }
}
</script>

<style>
.register-online{
  margin-top: 30px;
  overflow: hidden;
  width: 100%;
  height: 1100px;
  background-color: chartreuse;
}
.register-online-content{
  width: 92%;
  height: 700px;
  background-color: pink;
  margin: 30px auto;
}
.register-online-content-title{
  width: 100%;
  background-color: blueviolet;
  border-bottom: 1px solid #e8e8e8;
}
.online-content-title{
  display:inline-block;
  font-size: 35px;
  padding-bottom:30px;
  font-weight: bold;
  border-bottom: 2px solid #0b6db6;
}
.student-information{
  width: 100%;
  height: 200px;
  margin-top: 30px;
  background-color: darksalmon;
}
</style>